<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>商城列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-------------jquery库-------------->
  	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <!-------------Amazeui--------------->
    <script type="text/javascript" src="js/amazeui.js"></script>
	<link rel="stylesheet" type="text/css" href="css/amazeui.css">
    <!------------核心样式-------------->
    <link rel="stylesheet" type="text/css" href="css/style.css">
	<!------------分页JS-------------->
<!--	<script type="text/javascript" src="js/rollpage.js"></script>-->
	<script type="text/javascript" th:src="@{/js/rollpage.js}"></script>

</head>
<body>

<!-------------------版头------------------->

<div th:replace="header-a"></div>
<!------------------子页框架-------------------->
<div id="sub_from">
    <div class="cw1200">
		<div class="w810 stylefl">
			<!------------------公共盒子-------------------->
			<div class="public_box bg1">
				<div class="public_title">
					<div class="stylefl"><img src="images/from_title_left.png"/></div>
					<div class="con">
						<div class="lamp_ico"><img src="images/lamp_ico.png"/></div>
						<div class="name"><img src="images/mail.png"/></div>
					</div>
					<div class="stylefr"><img src="images/from_title_right.png"/></div>
					<div class="clear"></div>
				</div>
				<!------------------列表分类-------------------->
				<div id="list_sort">
					<span>产品类型：</span>
					<div class="list_1">
						<a class="cur" href="#">全部</a>
						<a valeu="1" th:onclick="${project.commodityState == 1 ? true : false}">农产品</a>
						<a href="#">水果</a>
						<a href="#">工艺品</a>
						<a href="#">副食品</a>
						<div class="clear"></div>
					</div>
				</div>
				<!------------------特产列表-------------------->
				<div id="mall_list" th:each="project , stat : ${projectList} ">
					<ul>
						<li>
							<div><span th:text="${stat.count}"></span></div>
							<div class="pic"><a href="project.html"><img class="scale-effect" src="images/pj1.jpg"/></a></div>
							<div class="con">
								<h3 th:text="${project.commodityIntroduce}"><a href="project.html">秘鲁红提500g 葡萄 新鲜水果秘鲁红提500g 葡萄 新鲜水果</a></h3>
								<label th:text="${project.commodityName}">孟津绮梦红提生态园</label>
							</div>
							<div class="price">
								<p>￥<label th:text="${project.commodityPrices}">330</label></p>
								<span th:text="${project.userName}">卖家</span>
							</div>
							<div class="other">
								<span >76人付款</span>
							</div>
							<div class="view">
								<a th:href="@{/project/{commodityId}(commodityId=${project.commodityId})}">查看详情</a>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
				<!-- 分页组件 -->
			<div th:replace="PageModel1::page1"></div>

					</ul>
				</div>

			</div>
		</div>
		<div class="clear"></div>
    </div>
</div>

<!-----------------版底---------------->
<div th:replace="footer"></div>

</body>
</html>